.easytrip-bg-setting {
  background-color: #1f88f0;
}

.easytrip-bg-setting {
  background-color: #1f88f0;
}

.easy-content {
  overflow: auto; // max-height: 750px;
}

.pay-content {
  .el-date-editor {
    height: 34px;
  }
}



.sale-hotel-content {
  .el-form {
    .el-form-item {
      margin-bottom: 20px;

      .el-form-item__content {
        line-height: 34px !important;
      }
    }
  }
}

.el-message-box__wrapper .el-message-box .el-message-box__btns {
  overflow: hidden;

  button {
    float: right;
  }

  .el-button--primary {
    margin-right: 10px;
  }
}

.dialog-footer {
  button {
    padding: 7px 13px;
    margin-left: 20px !important;
  }
}

.container {
  .el-table__header {
    width: 100% !important;
  }
}

.el-main {
  overflow: hidden;
  text-align: left !important;
}

.room-log {
  .el-select {
    width: 160px;
  }

  .bell {
    position: absolute;
    top: 10px;
    right: 20px;
    background-color: red;
    color: #fff;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
  }

  .el-date-editor .el-range-input,
  .el-date-editor .el-range-separator {
    font-size: 12px;
    height: 93%;
  }

  .el-input__inner {
    height: 34px;
  }

  .el-range-editor.el-input__inner {
    padding: 0 10px;
  }
}

.edit-dialog {
  .el-input .el-input__inner {
    height: 30px;
  }

  .el-dialog__header {
    background-color: #f3f5f9;
    text-align: left;
    line-height: 1;

    span {
      font-size: 16px;
    }
  }
}

//公共样式修改
//页面主体样式
//input框样式修改
input,
textarea,
select,
button {
  font-family: "微软雅黑";
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.el-table__footer-wrapper,
.el-table__header-wrapper {
  background-color: #eef1f9;
  line-height: 2;
}

.room-list-setting {
  .room-header {
    .el-cascader {
      .el-cascader__label {
        line-height: 3;
      }
    }
  }
}

.sale-hotel-content {
  .el-cascader__label {
    line-height: 3;
  }
}

.container .el-date-editor--daterange.el-input__inner[data-v-4a7e94da] {
  height: 34px;
}

#account {
  .information-page {
    background: white;
    margin-top: 10px;

    .group-page {
      .el-form-item__content {
        text-align: left;
      }
    }
  }
}

.el-table {
  font-size: 12px;
}

.el-table__body-wrapper .el-table__body {
  width: 100% !important;
}

.el-form .el-form-item .el-form-item__content .el-table__header,
.supply-content .el-form .el-form-item .el-form-item__content .el-table__body {
  width: 100% !important;
}

.el-table__header {
  line-height: 1;
}

.el-table th>.cell {
  vertical-align: top;
}

.el-table__body td .cell {
  text-align: left;
}

.upload-demo {
  width: 28%;
}

.el-table td {
  padding: 0 !important;
  height: 50px;
}

.easy-content .el-input-group__append {
  font-size: 12px;
}

.demo-ruleForm {
  overflow: auto; // max-height: 750px;
}

#property-management {
  .el-dialog__body {
    padding: 10px 30px 30px 30px;
  }

  .el-dialog__header {
    padding: 12px 15px 10px;

    button {
      line-height: 1;
    }
  }

  .el-dialog__footer {
    padding: 10px 15px 20px;
  }

  .el-dialog__title {
    font-size: 16px;
  }

  .el-checkbox__label {
    font-size: 12px;
  }
}

.el-date-editor .el-range-input {
  font-size: 12px;
}

.el-date-editor .el-range-input,
.el-date-editor .el-range-separator {
  height: 98%;
}

/* 分页组件 */

.el-pager li.active {
  background-color: rgb(105, 127, 147);
  color: white;
}

.el-pager li {
  min-width: 28px;
  background-color: rgb(236, 239, 247);
  margin: 0 5px;
  border-radius: 4px;
  color: rgb(134, 151, 167);
}

.el-pager li.btn-quicknext,
.el-pager li.btn-quickprev {
  color: rgb(134, 151, 167);
}

.el-pagination .btn-prev,
.el-pagination .btn-next {
  background-color: rgb(236, 239, 247);
  color: rgb(134, 151, 167);
  min-width: 28px;
}

.el-pagination .btn-prev {
  padding-right: 5px;
}

.el-pagination .btn-next {
  padding-left: 5px;
  margin-right: 20px;
}

.el-pagination__sizes {
  margin-right: 0;
}

.el-pagination {
  text-align: right;
}

.el-input {
  .el-input__inner {
    height: 34px;
    font-size: 12px;
    border-radius: 3px;
  }
}

.el-input-number {
  .el-input__inner {
    height: auto;
    font-size: 12px;
    border-radius: 3px;
  }
}

.el-textarea {
  .el-textarea_inner {
    font-size: 12px;
  }
}

.el-form {
  .el-form-item {
    .el-form-item__label {
      font-size: 12px;
      color: #415161;
      padding-right: 10px;
    }
  }
}

.el-cascader__label {
  font-size: 12px;
}

.el-textarea__inner {
  font-size: 12px;
}

.el-tabs__item {
  height: 34px;
  line-height: 34px;
}

.line {
  font-size: 12px;
}

/* 房型房态 */

#property-management,
#inventory-management {
  .date {
    .el-input {
      input {
        line-height: 30px;
        height: 30px;
      }
    }
  }
}

#property-management,
#inventory-management {
  .price-radio {
    span {
      font-size: 12px !important;
    }
  }

  .edit-price {
    label {
      font-size: 12px !important;
    }
  }
}

#property-management .input-height input {
  height: 30px !important;
  line-height: 30px !important;
}

#inventory-management .input-height input {
  height: 30px !important;
  line-height: 30px !important;
}

#property-management .el-select .el-input input {
  height: 30px !important;
  line-height: 30px !important;
}

#inventory-management .el-select .el-input input {
  height: 30px !important;
  line-height: 30px !important;
}

#property-management .el-dialog__header {
  padding: 12px 30px 10px;
}

#inventory-management .el-dialog__header {
  padding: 12px 30px 10px;
}

/* 自定义样式 */

.increase {
  position: absolute;
  top: -20px;
  left: 0;
  width: 98.2%;
  background: white;
  z-index: 3;
  padding: 20px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);

  h1 {
    text-align: left;
    margin-bottom: 10px;
  }

  .el-form-item {
    .el-form-item__content {
      text-align: left;

      .el-input {
        width: 200px;
      }
    }
  }
}

/* 酒店 */

/* 商家设置 */

.supply-setting .supply-content .el-form .el-form-item .el-form-item__content {
  line-height: 2;
}

/* 公司信息 */

.company-information .information-title .el-form-item__content {
  margin-left: 0 !important;
}

.company-information {
  .service-input {
    .el-input .el-input__inner {
      width: 90%;
    }

    .last-input .el-input__inner {
      width: 100%;
    }
  }
}

/* 编辑商家 */

.edit-suppliers,
.add-suppliers {
  .information-title {
    .el-form-item__content {
      margin-left: 0 !important;
    }
  }

  .service-input {
    width: 100%;

    .el-input .el-input__inner {
      width: 90%;
    }

    .last-input .el-input__inner {
      width: 100%;
    }
  }
}

/* 账号信息 */

#account {
  .information-title {
    .el-form-item__content {
      margin-left: 0 !important;
    }
  }
}

/* 订单 */



/* logo上传样式 */

.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.avatar-uploader {
  text-align: left;
  float: left;
}

.avatar-uploader-icon {
  font-size: 18px;
  color: black;
  width: 88px;
  height: 88px;
  line-height: 88px;
  text-align: center;
}

.avatar {
  width: 80px;
  height: 80px;
  display: block;
}

.img-content {
  float: left;
  font-size: 12px;
  line-height: 1.5;
  margin-top: 6%;
  margin-left: 30px;
  color: rgb(145, 160, 177);
}

/* 酒店 */

.supply-setting .supply-content .el-form .el-form-item .el-form-item__content {
  line-height: 3;
}

/* 员工与部门 */

.staff-account {
  .el-form-item__content {
    line-height: 2;
  }

  .el-cascader__label {
    line-height: 3;
    color: #415161;
  }
}

.select-dept {
  .el-input input {
    border: none;
  }

  .el-cascader {
    .el-input {
      width: 100px;
    }
  }

  .el-icon-arrow-down {
    color: #415161;
    line-height: 1;
    font-size: 12px;
  }
}

//底部按钮
.el-main {
  .el-table__empty-block {
    width: 100% !important;
  }

  .information-btn {
    padding: 8px 0px 8px 30px;
    text-align: left;
    position: fixed;
    bottom: 0;
    background-color: white;
    box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.1); // width: 86.6%;
    width: 100%;
    z-index: 1000;

    .el-form-item {
      margin-bottom: 0;
      margin-right: 20px;

      .el-form-item__content {
        margin-left: 0 !important;
      }

      .el-button {
        width: 82px;
        height: 34px;
        padding: 0px;
      }
    }
  }
}

/* logo上传样式 */
.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.avatar-uploader {
  text-align: left;
  float: left;
}

.avatar-uploader-icon {
  font-size: 18px;
  color: black;
  width: 88px;
  height: 88px;
  line-height: 88px;
  text-align: center;
}

.avatar {
  width: 80px;
  height: 80px;
  display: block;
}

.pic-uploader-wrapper .el-upload {
  border: 1px dashed #d9d9d9;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  padding: 20px 30px 10px 30px;

}

// td强制不换行出现省略号
//侧边栏字体
.el-aside {
  .el-menu-item {
    font-size: 16px;
    color: #415161;
  }
}

//tab栏字体样式
.el-tabs__nav .el-tabs__item {
  color: #415161;
}

//下拉列表字体
.el-form .el-dropdown {
  color: #415161;
  font-size: 12px;
  cursor: pointer;
}

//面包屑字体
.el-breadcrumb__item {
  .el-breadcrumb__inner {
    color: #96a6b6;
    font-size: 16px;
    font-weight: 400;
  }
}

.el-select-dropdown {
  border: none !important;
}

//1440像素以下
@media screen and (min-width:1440px) and (max-width: 1599px) {
  #property-management .calendar-list .calendar-body .calendar-body-warpper .calendar-warpper-content .calendar-content .calendar-content-module .date-information .date-warpper .sale-room-title .sale-room-title-item .sale-date .item .item-content .item-child .item-text {
    width: 88% !important;
  }

  .order-warpper {
    grid-template-columns: 6% 16% 6% 6% 10% 10% 16.5% 4.5% 12% !important;
  }

  .finance-warpper {
    grid-template-columns: 6% 6% 6% 16% 8% 24.5% 4.6% 17.3% !important;
  }

  .brakfast-style {
    width: 100%;
  }

  .price-title-style-s[data-v-6da6559d] {
    width: 16% !important;
  }

  .price-title-style[data-v-6da6559d] {
    width: 8% !important;
  }

  .order-list-container .easy-search-other[data-v-c8f25e94] {
    width: 200px !important;
  }

  .warpper-left {
    width: 8% !important;
  }

  .warpper-middel {
    width: 90.2% !important;
  }

  // .container .payed-width .el-dialog {
  //   width: 28%!important;
  // }
  .easy-content .el-col-5 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .room-log .hotel-select[data-v-72d140a5] {
    width: 14%;
  }

  // .room-log .room-content .el-form .el-form-item .el-form-item__content .el-input[data-v-72d140a5] {
  //   width: 76% ;
  // }
  .room-log .type-select[data-v-72d140a5] {
    width: 16% !important;
  }

  .room-log .date-select[data-v-72d140a5] {
    width: 23% !important;
  }

  .room-log .operation-select[data-v-72d140a5] {
    width: 16% !important;
  }

  .easy-content {
    .el-col-offset-8 {
      margin-left: 3%;
    }

    .el-col-offset-14 {
      margin-left: 56%;
    }

    .el-col-2 {
      width: 8.33333%;
    }
  }

  .pay-content {
    .el-col-offset-4 {
      margin-left: 2%;
    }
  }

  .pay-content+.el-dialog__wrapper {

    .el-select,
    .el-textarea {
      width: 100% !important;
    }
  }

  #inventory-management .batch-edit .el-dialog__wrapper .el-dialog {
    width: 65% !important;
  }

  #inventory-management .batch-edit .el-dialog__wrapper .el-dialog .room-check-all {
    margin-left: 13.5% !important;
  }

  #inventory-management .edit-sale-room .el-dialog__wrapper .el-dialog {
    width: 68% !important;
  }

  #property-management .batch-edit .el-dialog__wrapper .el-dialog {
    width: 62% !important;
  }

  #property-management .batch-edit .el-dialog__wrapper .el-dialog .room-check-all {
    margin-left: 14.5% !important;
  }

  #property-management .patch-price .el-dialog__wrapper .el-dialog {
    width: 95% !important;
  }

  #property-management .patch-setting .el-dialog__wrapper .el-dialog {
    width: 74% !important;
  }

  #property-management .patch-posted .el-dialog__wrapper .el-dialog {
    width: 60% !important;
  }

  #property-management .patch-posted .el-dialog__wrapper .el-dialog .room-check-all {
    margin-left: 15% !important;
  }

  #property-management .add-sale-room .el-dialog__wrapper .el-dialog {
    width: 26% !important;
  }

  #property-management .edit-room .el-dialog__wrapper .el-dialog {
    width: 26% !important;
  }
}

//1440像素的样式
@media screen and (min-width:1600px) and (max-width: 1919px) {
  .finance-warpper {
    grid-template-columns: 5% 5% 5% 15% 7% 23% 4.2% 25% !important;
  }

  .easy-content {
    .el-col-offset-8 {
      margin-left: 7.33333%;
    }

    .el-col-offset-14 {
      margin-left: 59%;
    }
  }



  .pay-content {
    .el-col-offset-4 {
      margin-left: 1.66667%;
    }
  }

  .middel-child {
    width: 15% !important;
  }

  .pay-content+.el-dialog__wrapper {

    .el-select,
    .el-textarea {
      width: 77% !important;
    }
  }

  // .room-log .room-content .el-form .el-form-item .el-form-item__content .el-input[data-v-72d140a5] {
  //   width: 72%;
  // }
  .room-log .type-select .el-select[data-v-72d140a5] {
    width: 65% !important;
  }

  .room-log .date-select .el-range-editor.el-input__inner {
    padding: 1px 10px;
  }

  .room-log .date-select[data-v-72d140a5] {
    width: 20% !important;
  }

  .room-log .operation-select[data-v-72d140a5] {
    width: 14% !important;
  }

  .commission .supplier-select[data-v-74ab8610],
  .commission .hotel-select[data-v-74ab8610],
  .commission .room-select[data-v-74ab8610] {
    width: 18% !important;
  }

  #property-management .edit-sale-room .el-dialog {
    width: 60% !important;
  }

  #property-management .calendar-list .calendar-body .calendar-body-warpper .calendar-warpper-content .calendar-content .calendar-content-module .date-information .date-warpper .sale-room-title .sale-room-title-item .sale-date .item .item-content {
    padding: 0 3px !important;
  }

  #property-management .calendar-list .calendar-body .calendar-body-warpper .calendar-warpper-content .calendar-content .calendar-content-module .physics button {
    margin-left: 22% !important;
  }

  #property-management .sale-room-title .sale-room-title-item .sale-title-content button {
    margin-right: 11.3% !important;
  }

  #inventory-management .calendar-list .calendar-body .calendar-body-warpper .calendar-warpper-content .calendar-content .calendar-content-module .date-information .date-warpper .sale-room-title .sale-room-title-item .sale-date .item .item-content {
    padding: 0 3px !important;
  }

  #inventory-management .calendar-list .calendar-body .calendar-body-warpper .calendar-warpper-content .calendar-content .calendar-content-module .physics button {
    margin-left: 22% !important;
  }

  #inventory-management .sale-room-title .sale-room-title-item .sale-title-content button {
    margin-right: 11.3% !important;
  }

  #inventory-management .edit-sale-room .el-dialog {
    width: 60% !important;
  }

  #inventory-management .edit-sale-room .el-dialog .addBtn {
    left: 80% !important;
  }

  #property-management .add-sale-room .el-dialog {
    width: 25% !important;
  }

  #property-management .edit-room .el-dialog {
    width: 27% !important;
  }

  #property-management .patch-setting .el-dialog {
    width: 66% !important;
  }

  #property-management .patch-price .el-dialog {
    width: 66% !important;
  }

  #property-management .patch-setting .room-check .room-check-all {
    margin-left: 12% !important;
  }

  #property-management .patch-price .el-dialog {
    width: 90% !important;
  }

  #property-management .batch-edit .addBtn {
    top: 59% !important;
    left: 75% !important;
  }

  #property-management .batch-edit .el-dialog {
    width: 62% !important;
  }

  #property-management {
    .price-radio {
      span {
        font-size: 12px !important;
      }
    }

    .edit-price {
      label {
        font-size: 12px !important;
      }
    }
  }

  .warpper-left {
    width: 10% !important;
  }

  .warpper-middel {
    width: 88.4% !important;
  }

  .middel-child {
    width: 100% !important;
  }

  #inventory-management .el-dialog {
    width: 68% !important;
  }

  #inventory-management .batch-edit .room-check .room-check-all {
    margin-left: 11.5% !important;
  }

  // #property-management .edit-sale-room .select {
  //   width: 17%!important;
  // }
  #property-management .warpper .titleBtn .btn .patch-price .el-checkbox+.el-checkbox {
    margin-left: 5px !important;
  }

  #property-management .edit-price .edit-price-warpper .item-x,
  #property-management .edit-price .edit-price-body .item-x {
    width: 36% !important;
  }

  #property-management .warpper .titleBtn .btn .patch-price .el-checkbox-group {
    line-height: 3.4px;
  }

  #property-management .edit-price .edit-price-warpper .item-a,
  #property-management .edit-price .edit-price-body .item-a {
    width: 32% !important;
  }

  #property-management .edit-price .edit-price-warpper .item-x .add,
  #property-management .edit-price .edit-price-body .item-x .add {
    top: 0;
  }

  #property-management .warpper .titleBtn .btn .patch-price .line {
    font-size: 12px;
    line-height: 3.2 !important;
  }

  #property-management .edit-price .edit-price-warpper .item-f,
  #property-management .edit-price .edit-price-body .item-f {
    width: 9.5% !important;
  }

  #property-management .edit-price .edit-price-warpper .item-g,
  #property-management .edit-price .edit-price-body .item-g {
    width: 8.5% !important;
  }

  #property-management .edit-price .edit-price-warpper .item-b,
  #property-management .edit-price .edit-price-body .item-b {
    width: 35.5% !important;
  }

  #property-management .edit-price .edit-price-warpper .item-c,
  #property-management .edit-price .edit-price-body .item-c {
    width: 31.5% !important;
  }

  #property-management .edit-price .edit-price-warpper .item-f,
  #property-management .edit-price .edit-price-body .item-f {
    margin-top: 0.6% !important;
  }

  #property-management .edit-price .edit-price-body {
    line-height: 40px;
    padding: 0 10px !important;
  }

  #property-management .edit-price-body .el-input input {
    height: 30px;
    line-height: 30px;
  }

  #property-management .batch-edit .el-dialog__wrapper .el-dialog {
    max-height: 700px !important;
  }

  #property-management .room-check .room-check-all {
    margin-left: 13% !important;
  }

  #property-management .patch-posted .room-check .room-check-all {
    margin-left: 16.5% !important;
  }
}

//1600像素的样式
@media screen and (min-width:1920px) and (max-width: 2559px) {

  //面包屑字体
  .order-warpper {
    grid-template-columns: 5% 15% 5% 5% 10% 10% 18.5% 3.5% 18% !important;
  }

  .finance-warpper {
    grid-template-columns: 5% 5% 5% 14% 7% 33% 23.6% !important;
  }

  .bill-warpper {
    grid-template-columns: 5% 18.5% 3.4% 69.3% !important;
  }

  .el-col-offset-14 {
    margin-left: 67%;
  }


  .el-breadcrumb__item {
    .el-breadcrumb__inner {
      color: #96a6b6;
      font-size: 14px;
      font-weight: 400;
    }
  }

  .pay-content+.el-dialog__wrapper {

    .el-select,
    .el-textarea {
      width: 77% !important;
    }
  }

  .container .easy-form-input[data-v-4a7e94da] {
    width: 77% !important;
  }

  .container .easy-form-input[data-v-ebb2f01c] {
    width: 77% !important;
  }

  .container .easy-form-input[data-v-3228c8e6] {
    width: 77% !important;
  }

  .warpper-left {
    width: 10% !important;
  }

  .warpper-middel {
    width: 88.7% !important;
  }

  #inventory-management .room-check .room-check-all {
    margin-left: 12% !important;
  }

  #inventory-management .batch-edit .room-check .room-check-all {
    margin-left: 13% !important;
  }

  #property-management .patch-setting .el-dialog {
    width: 58% !important;
  }



  #property-management .batch-edit .addBtn {
    top: 57% !important;
    left: 70% !important;
  }

  #property-management .patch-edit .room-check .room-check-all {
    margin-left: 14.5% !important;
  }

  #property-management .batch-edit .el-dialog {
    width: 56% !important;
  }

  #property-management .patch-posted .room-check .room-check-all {
    margin-left: 13.5% !important;
  }

  #property-management .patch-setting .room-check .room-check-all {
    margin-left: 11.5% !important;
  }

  .el-main .information-btn {
    width: 86.8%;
    padding: 10px 0px 10px 30px;
  }

  .information-btn .el-button {
    padding: 8px 20px;
    line-height: 34px;
  }

  .easy-content {
    .el-col-offset-8 {
      margin-left: 25.33333%;
    }
  }

  .pay-content {
    .el-col-offset-4 {
      margin-left: 20.66667%;
    }
  }
}

//2560像素的样式
@media screen and (width:2560px) {
  .warpper-left {
    width: 5% !important;
  }

  .warpper-middel {
    width: 94.08% !important;
  }

  .bill-warpper {
    grid-template-columns: 3% 13.2% 2.4% 78.8% !important;
  }

  .finance-warpper {
    grid-template-columns: 3% 3% 3% 10% 8% 13.2% 12.8% 40.7% !important;
  }

  .order-warpper {
    grid-template-columns: 3% 9% 3% 3% 6% 6% 13.3% 2.5% 47.2% !important;
  }

  .easy-content .el-form-item .el-form-item__label {
    width: 113px !important;
  }

  #inventory-management .edit-sale-room .el-dialog .addBtn {
    left: 73% !important;
  }

  #inventory-management .room-check .room-check-all {
    margin-left: 13% !important;
  }

  #property-management .patch-edit .room-check .room-check-all {
    margin-left: 14% !important;
  }

  #property-management .patch-posted .room-check .room-check-all {
    margin-left: 13.5% !important;
  }

  #property-management .patch-setting .room-check .room-check-all {
    margin-left: 11.5% !important;
  }

  //侧边栏
  //面包屑字体
  .el-breadcrumb__item {
    .el-breadcrumb__inner {
      color: #96a6b6;
      font-size: 14px;
      font-weight: 400;
    }
  }

  .el-main .information-btn {
    width: 87%;
  }

  .company-information .information-btn {
    width: 85.6%;
  }
}

@media screen and (min-device-width:1440px) {
  .pay-content+.el-dialog__wrapper {

    .el-select,
    .el-textarea {
      width: 77%;
    }
  }

  .container .easy-form-input[data-v-3228c8e6] {
    width: 77% !important;
  }
}

@media screen and (min-device-width:2560px) {
  .add-order-information {
    width: 97%;
  }

  .header-popover.el-popover {
    width: 200px !important;
  }

  .easy-content,
  .pay-content,
  .demo-ruleForm {
    max-height: 1300px;
  }

  .elcol-input .el-input {
    width: 96% !important;
  }

  .elcol-input {
    width: 44.4% !important;
  }

  .easy-content {
    .el-col-offset-8 {
      margin-left: 42.33333%;
    }
  }

  .easy-content {
    .el-col-offset-14 {
      margin-left: 76.33333%;
    }
  }

  .pay-content {
    .el-col-offset-4 {
      margin-left: 46.66667%;
    }
  }

  .sale-hotel-content {

    .el-button--small,
    .el-button--small.is-round {
      margin-right: 0 !important;
    }
  }
}

@media screen and (min-width:2254px) and (max-width:2560px) {
  .el-textarea__inner {
    overflow-x: hidden;
  }

  .container .easy-form-input[data-v-518cea34] {
    width: 77% !important;
  }

  .container .easy-form-input[data-v-4bbf5485] {
    width: 77% !important;
  }
}

@media screen and (min-device-height:900px) {

  // #property-management .calendar-list .calendar-body, #inventory-management .calendar-list .calendar-body {
  //   overflow: auto;
  //   max-height: 150px;
  // }
  #index .el-aside {
    min-height: 100%;
  }

  #index .el-main {
    min-height: 91vh !important;
  }

  .message-list .warpper {
    max-height: 64vh !important;
  }



  // .el-table__body-wrapper {
  //   max-height: 650px!important;
  // }
  .container .el-dialog__body {
    max-height: 550px;
    overflow: auto;
  }
}

@media screen and (min-device-height:1440px) {

  .easy-content,
  .pay-content,
  .demo-ruleForm,
  .sale-hotel-content,
  .staff-account,
  .supply-content {
    height: 1100px;
  }

  .message-list .warpper {
    max-height: 80vh !important;
  }

  #index .el-aside {
    min-height: 100%;
  }

  #index .el-main {
    min-height: 93vh !important;
  }

  .el-table__body-wrapper {
    max-height: 1200px !important;
  }

  .container .el-dialog__body {
    // max-height: 750px;
    overflow: auto;
  }
}

.easy-content,
.pay-content {
  text-align: left;
  padding: 20px 30px;
}

.easy-table {
  margin-top: 20px;
}

.easy-pagination {
  margin: 20px 0;
  text-align: right;

  .el-pager li {
    min-width: 28px;
    background-color: #eceff7;
    margin: 0 5px;
    border-radius: 4px;
    color: #8697a7;
  }
}

.easy-title {
  margin-bottom: 28px;
  font-size: 16px;
  color: #6d2377;
}

.easy-description {
  padding-left: 40px;
  margin-bottom: 18px;
}

.searchHotel {
  padding: 0 21px;
  margin-left: 15px;
}

.el-dialog__header {
  text-align: left;
  background-color: #f3f5f9;
  padding: 12px 30px 10px
}

.el-dialog__title {
  font-size: 16px;
}

.dialog-footer .el-button--default {
  padding: 8px 15px;
  color: #5a5e66;
}

.el-button--primary,
.el-button--primary:hover,
.el-button--primary:active,
.el-button--primary:focus {
  background: #6d2377 !important;
  border-color: #6d2377 !important;
  color: #fff;
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0
}

.fl {
  float: left;
}

.fr {
  float: right
}

.el-dialog--center .el-dialog__header {
  padding-top: 12px !important;

  .el-dialog__title {
    font-size: 14px;
  }
}

.finance-warpper .el-date-editor .el-range__close-icon,
.order-warpper .el-date-editor .el-range__close-icon,
.room-log .el-date-editor .el-range__close-icon {
  position: absolute;
  top: 0;
  right: -2px;
}

.el-date-editor .el-range__close-icon {
  position: absolute;
  right: -2px;
}

.checkbox-list {
  .el-form .el-form-item .el-form-item__label {
    font-weight: bold;
    font-size: 16px;
  }

}

.evaluate {
  .el-dialog__header {
    background: #fff;
  }

}

.input {
  width: 300px;
  margin: 0 15px;
  margin-bottom: 10px;
}

.input1 {
  width: 300px;
}

.tag {
  margin-right: 2px;
  margin-bottom: 5px;
}

.el-input-number__decrease,
.el-input-number__increase {
  background: none;
}

.el-form-item__content {
  font-size: 12px;
}

.information-btns {
  position: fixed;
  bottom: 0;
  box-sizing: border-box;
  padding: 10px;
  background: #fff;
  box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.1);
  z-index: 1111;
}

// 修改滚动条默认样式
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 8px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 8px;
}

::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}

.custom {
  border-collapse: collapse;
  text-align: center;
  width: 1000px;

  tr {
    .require {
      color: red;
      font-size: 16px;
      display: inline-block;
      line-height: 16px;
    }
  }

  tr.style {
    background: #f2f2f2;
  }

  & td,
  & th {
    border: 1px solid #cad9ea;
    color: #666;
    width: auto;
    padding: 0 5px;
    font-size: 12px;
    height: 40px;

    &.style {
      background: #f2f2f2;
    }
  }
}

.time-select-1 {
  .el-select {
    width: 80px !important;
  }

  .el-input,
  .el-input__inner {
    width: 80px !important;
  }
}

.custom-1 {
  border-collapse: collapse;
  text-align: center;
  width: 940px;
  border: 1px solid #cad9ea;

  tr {
    .require {
      color: red;
      font-size: 16px;
      display: inline-block;
      line-height: 16px;
    }

    &:hover {
      background: #f9f9f9;
      cursor: pointer;
    }
  }

  tr.style {
    background: #f2f2f2;
  }

  & td,
  & th {
    color: #666;
    width: 60px;
    padding: 5px;
    font-size: 12px;
    height: 30px;
    border-bottom: 1px solid #cad9ea;

    &.style {
      background: #f2f2f2;
    }
  }
}
